Testo dell'esercizio

Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML: passando sopra un elemento DIV (evento onmouseover), questo viene evidenziato colorando di verde il suo bordo (proprietà di style borderColor), il tipo di font (proprietà di stile fontFamily) assume il valore selezionato in un menu a tendina predefinito e, se è la quinta volta che si passa sopra a questo elemento, i primi 10 caratteri del suo contenuto HTML sono aggiunti come elemento di una lista <ul> predefinita (suggerimenti: il numero di visite può essere memorizzato in una proprietà locale all’elemento; la sottostringa dei primi 10 caratteri si ottiene col metodo substr(0,10); l’elemento di una lista è definito dai tag “<li>..</li>”). Quando si esce dall’elemento (evento onmouseout) il colore del bordo deve essere ripristinato al valore precedente (deve essere memorizzato).

Passa sopra i div

Font

Primo DIV con contenuto

Secondo DIV con contenuto

Terzo DIV con contenuto

Quarto DIV con contenuto

Quinto DIV con contenuto

Qua sotto si aggiunge il contenuto